<div class="main-hook historyTime-main-hook">
    <span @click.stop="emitPage" class="emit-page-hook"></span>
    <span @click.stop="prePage" class="pre-page-hook"></span>
    <span @click.stop="refreshPage" class="refresh-page-hook"></span>
    <div class="box-wrapper box1-hook" v-show="boxs.box1.show">
        <div class="history-time-hook">
            <div class="title">
                当前位置：数据报表&nbsp;->&nbsp;<span class="active">历史开关灯时间报表</span>
            </div>
            <div class="search">
                <form class="form-hook">
                    <div class="row">
                        <span class="search-label">项目名称</span>
                        <select class="form-control w120 role-type-hook" name="leaseType">
                            <option value="">全部</option>
                            <option v-for="(role,index) in leaseType" :value="role.id" v-text="role.name"></option>
                        </select>
                        <span class="interval-lg"></span>
                        <span class="search-label">分组名称</span>
                        <select class="form-control w80 account-status-hook"  name="receiveStatus">
                            <option value="">全部</option>
                            <option v-for="(role,index) in receiveStatus" :value="role.id" v-text="role.name"></option>
                        </select>
                        <span class="interval-lg"></span>
                        <span class="search-label">关键字查询</span>
                        <select class="form-control w80 account-status-hook"  name="key">
                            <option value="">全部</option>
                            <option v-for="(role,index) in key" :value="role.id" v-text="role.name"></option>
                        </select>
                        <span class="interval-xs"></span>
                        <input type="text" class="search-input lg" name="keyword" placeholder="关键字模糊搜索" @keyup.enter="searchKey()">
                    </div>
                    <div class="row">
                        <span class="search-label">时间范围</span>
                        <div class="date-time-box">
                            <input placeholder="开始时间" class="search-input datetime" type="text" name="orderStartTime" id="startdate">
                        </div>
                        <span class="interval-xs"></span>
                        <span>——</span>
                        <span class="interval-xs"></span>
                        <div class="date-time-box">
                            <input placeholder="结束时间" class="search-input datetime" type="text" name="orderEndTime" id="enddate">
                        </div>
                        <span class="interval-lg"></span>
                        <button type="submit" class="btn btn-blue search-hook">搜索</button>
                        <span class="interval-xs"></span>
                        <button type="reset" class="btn btn-gray resert">清空</button>
                    </div>
                </form>
            </div>
            <div class="order_operation_btn">
                <button type="button" class="primary_btn return_btn" @click.stop="exportOrder()">Excel导出</button>
                <button type="button" class="primary_btn" @click.stop="changeChart()">切换图表</button>
            </div>
            <div class="custom-table-wrapper">
                <table class="custom-table history-time-table-hook"></table>
            </div>
        </div>
    </div>
    <div class="box-wrapper box2-hook" v-show="boxs.box2.show"></div>
    <div class="box-wrapper box3-hook" v-show="boxs.box3.show"></div>
    <div class="box-wrapper box4-hook" v-show="boxs.box4.show"></div>
</div>
<script type="text/javascript" src="js/back/report/history-time/history-time.js" custom></script>